<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Bootstrap 3, from LayoutIt!</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="">
	<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>

<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
	<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
	<!--script src="js/less-1.3.3.min.js"></script-->
	<!--append ‘#!watch’ to the browser URL, then refresh the page. -->
	<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="excanvas.js"></script><![endif]-->
	<script language="javascript" type="text/javascript" src="js/jquery.min.js"></script>
	<script language="javascript" type="text/javascript" src="js/jquery.jqplot.min.js"></script>
	<link rel="stylesheet" type="text/css" href="css/jquery.jqplot.css" />

	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet">	
	

	<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="img/favicon.png">

    
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/scripts.js"></script>

    <!-- BEGIN GRAFICAS -->
    <link class="include" rel="stylesheet" type="text/css" href="css/jquery.jqplot.min.css" />
    <link rel="stylesheet" type="text/css" href="css/examples.min.css" />
    <link type="text/css" rel="stylesheet" href="syntaxhighlighter/styles/shCoreDefault.min.css" />
    <link type="text/css" rel="stylesheet" href="syntaxhighlighter/styles/shThemejqPlot.min.css" />


    <!-- Don't touch this! -->


    <script class="include" type="text/javascript" src="js/jquery.jqplot.min.js"></script>
    <script type="text/javascript" src="syntaxhighlighter/scripts/shCore.min.js"></script>
    <script type="text/javascript" src="syntaxhighlighter/scripts/shBrushJScript.min.js"></script>
    <script type="text/javascript" src="syntaxhighlighter/scripts/shBrushXml.min.js"></script>
    <!-- End Don't touch this! -->

    <!-- Additional plugins go here -->
    <script class="include" type="text/javascript" src="plugins/jqplot.cursor.min.js"></script>
    <script class="include" type="text/javascript" src="plugins/jqplot.dateAxisRenderer.min.js"></script>
    <script class="include" type="text/javascript" src="plugins/jqplot.logAxisRenderer.min.js"></script>
    <script class="include" type="text/javascript" src="plugins/jqplot.canvasTextRenderer.min.js"></script>
    <script class="include" type="text/javascript" src="plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
    <!-- End additional plugins -->

    <!-- END GRAFICAS-->




</head>

<body>
	<div class="container">
		<div class="row clearfix">
			<div class="col-md-12 column">
				<div class="tabbable" id="tabs-805198">
					<ul class="nav nav-tabs">
						<li class="active">
							<a href="#tab-linea1" data-toggle="tab">Linea 1</a>
						</li>
						<li>
							<a href="#tab-linea2" data-toggle="tab">Linea 2</a>
						</li>
						<li>
							<a href="#tab-linea3" data-toggle="tab">Linea 3</a>
						</li>
						<li>
							<a href="#tab-linea4" data-toggle="tab">Linea 4</a>
						</li>
						<li>
							<a href="#tab-linea5" data-toggle="tab">Linea 5</a>
						</li>
						<li>
							<a href="#tab-linea6" data-toggle="tab">Linea 6</a>
						</li>
						<li>
							<a href="#tab-linea7" data-toggle="tab">Linea 7</a>
						</li>
					</ul>
					<div class="tab-content">
						<div class="tab-pane active" id="tab-linea1">
							<!-- TAB INSIDE TAB D: -->
							<div class="tabbable" id="tabs-989331">
								<ul class="nav nav-tabs">
									<li class="active">
										<a href="#linea1-maquina1" data-toggle="tab">Maquina 1</a>
									</li>
									<li>
										<a href="#linea1-maquina2" data-toggle="tab">Maquina 2</a>
									</li>
									<li>
										<a href="#linea1-maquina3" data-toggle="tab">Maquina 3</a>
									</li>
									<li>
										<a href="#linea1-maquina4" data-toggle="tab">Maquina 4</a>
									</li>
									<li>
										<a href="#linea1-maquina5" data-toggle="tab">Maquina 5</a>
									</li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane active" id="linea1-maquina1">										
										<br>
										<br>
										<div class="col1" id="example-content">


											<!-- Example scripts go here -->

											<style type="text/css">
												.jqplot-cursor-legend {
													width: 160px;
													font-family: "Courier New";
													font-size: 0.85em;
												}

												td.jqplot-cursor-legend-swatch {
													width: 1.3em;
												}
											</style>  



											<div id="chart1" style="height:200px; width:600px;"></div>
											<div id="chart2" style="height:500px; width:600px;"></div>


											<script type="text/javascript" class="code">
												$(document).ready(function(){
													goog = [["6/22/2009",425.32], ["6/8/2009",424.84], ["5/26/2009",417.23], ["5/11/2009",390], 
													["4/27/2009",393.69], ["4/13/2009",392.24], ["3/30/2009",369.78], ["3/16/2009",330.16], ["3/2/2009",308.57], 
													["2/17/2009",346.45], ["2/2/2009",371.28], ["1/20/2009",324.7], ["1/5/2009",315.07], ["12/22/2008",300.36], 
													["12/8/2008",315.76], ["11/24/2008",292.96], ["11/10/2008",310.02], ["10/27/2008",359.36], ["10/13/2008",372.54],
													["9/29/2008",386.91], ["9/15/2008",449.15], ["9/2/2008",444.25], ["8/25/2008",463.29],  ["8/11/2008",510.15], 
													["7/28/2008",467.86], ["7/14/2008",481.32], ["6/30/2008",537], ["6/16/2008",546.43], ["6/2/2008",567], 
													["5/19/2008",544.62], ["5/5/2008",573.2], ["4/21/2008",544.06], ["4/7/2008",457.45], ["3/24/2008",438.08], 
													["3/10/2008",437.92], ["2/25/2008",471.18], ["2/11/2008",529.64], ["1/28/2008",515.9], ["1/14/2008",600.25], 
													["12/31/2007",657], ["12/17/2007",696.69], ["12/3/2007",714.87], ["11/19/2007",676.7], ["11/5/2007",663.97], 
													["10/22/2007",674.6], ["10/8/2007",637.39], ["9/24/2007",567.27], ["9/10/2007",528.75], ["8/27/2007",515.25]];

													var plot1 = $.jqplot('chart1', [goog], { 
														title: 'Google, Inc.', 
														series: [{ 
															label: 'Google, Inc.', 
															neighborThreshold: -1 
														}], 
														axes: { 
															xaxis: { 
																renderer:$.jqplot.DateAxisRenderer,
																tickRenderer: $.jqplot.CanvasAxisTickRenderer,
																tickOptions: {
																	angle: -30
																} 
															}, 
															yaxis: {  
																renderer: $.jqplot.LogAxisRenderer,
																tickOptions:{ prefix: '$' } 
															} 
														}, 
														cursor:{
															show: true, 
															zoom: true
														} 
													});
												});
</script>

<script type="text/javascript" class="code">
	$(document).ready(function(){    
		plot2 = $.jqplot('chart2', [goog], { 
			title: 'Google, Inc.', 
			series: [{ 
				label: 'Google, Inc.', 
				neighborThreshold: -1 
			}], 
			axes: { 
				xaxis: { 
					renderer:$.jqplot.DateAxisRenderer,
					tickRenderer: $.jqplot.CanvasAxisTickRenderer, 
					tickOptions: {
						angle: -30
					} 
				}, 
				yaxis: {  
					renderer: $.jqplot.LogAxisRenderer,
					tickOptions:{ prefix: '$' } 
				} 
			}, 
			cursor:{
				show: true, 
				zoom: true
			} 
		});
	});
</script>

<!-- End example scripts -->

</div>
</div>
<div class="tab-pane" id="linea1-maquina2">
	<p>
		Howdy, I'm in Section 2.
	</p>
</div>
<div class="tab-pane" id="linea1-maquina3">
	<p>
		Howdy, I'm in Section 3.
	</p>
</div>
<div class="tab-pane" id="linea1-maquina4">
	<p>
		Howdy, I'm in Section 4.
	</p>
</div>
<div class="tab-pane" id="linea1-maquina5">
	<p>
		Howdy, I'm in Section 5.
	</p>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab-linea2">
	<!-- TAB INSIDE TAB D: -->
	<div class="tabbable" id="tabs-989331">
		<ul class="nav nav-tabs">
			<li class="active">
				<a href="#linea2-maquina1" data-toggle="tab">Maquina 1</a>
			</li>
			<li>
				<a href="#linea2-maquina2" data-toggle="tab">Maquina 2</a>
			</li>
			<li>
				<a href="#linea2-maquina3" data-toggle="tab">Maquina 3</a>
			</li>
			<li>
				<a href="#linea2-maquina4" data-toggle="tab">Maquina 4</a>
			</li>
			<li>
				<a href="#linea2-maquina5" data-toggle="tab">Maquina 5</a>
			</li>
		</ul>
		<div class="tab-content">
			<div class="tab-pane active" id="linea2-maquina1">
				Linea 2, Maquina 1

			</div>
			<div class="tab-pane" id="linea2-maquina2">
				<p>
					Linea 2, Maquina 2
				</p>
			</div>
			<div class="tab-pane" id="linea2-maquina3">
				<p>
					Linea 2, Maquina 3.
				</p>
			</div>
			<div class="tab-pane" id="linea2-maquina4">
				<p>
					Linea 2, Maquina 4.
				</p>
			</div>
			<div class="tab-pane" id="linea2-maquina5">
				<p>
					Linea 2, Maquina 5.
				</p>
			</div>
		</div>
	</div>
</div>
<div class="tab-pane" id="tab-linea3">
	<p>
		I'm in Section 3.
	</p>
</div>
<div class="tab-pane" id="tab-linea4">
	<p>
		I'm in Section 4.
	</p>
</div>
<div class="tab-pane" id="tab-linea5">
	<p>
		I'm in Section 5.
	</p>
</div>
<div class="tab-pane" id="tab-linea6">
	<p>
		I'm in Section 6.
	</p>
</div>
<div class="tab-pane" id="tab-linea7">
	<p>
		I'm in Section 7.
	</p>
</div>

<div class="row clearfix">
	<div class="col-md-12 column">
	</div>
</div>
</div>
</div>
</div>


<br>

</body>
</html>
